<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/reset.css" media="all" />
<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">  
 		  $(document).ready(function() {
												
													 showCancel ();
												
												$('.cancelBtn').bind( "click" , function()
														{
															$(".cancelBtn").stop();
															$(".cancelBtn").fadeTo(500 , 0 );
															$('.textBox').attr({value: ""});
															
														});
												
												$('.textBox').bind( "change" , function()
														{
															 showCancel ();
														});
												$('.textBox').bind( "keydown" , function()
														{
															showCancel ();
														});
												$('.textBox').bind( "keyup" , function()
														{
															 showCancel ();
														});
												
												function showCancel ( )
												{
													var textBxContent = $(".textBox").attr("value");
															if((textBxContent  == "")  || (textBxContent  == " ") ||  (textBxContent  == null) )
															{
																$(".cancelBtn").fadeTo(500, 1 );
															}
															else
															{
																$(".cancelBtn").stop();
																$(".cancelBtn").fadeTo(500, 1 );
															}
												}
									 });
</script>
</head>
<body>
<div class="wapper">
	<div class="header">
    	<div class="logo"><img src="images/logo.jpg" /></div>
        <div class="search">
        	<div id="searchHolder">
	 		<span ><input type="text"  class="textBox" />
    		<img src="images/clearBtn.png"  class="cancelBtn"/></span>
		</div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="navigation">
    	<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li class='last'><a href='#'><span>Product 2</span></a></li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
	<div class="clear"></div>
    </div>
    <div class="banner">
    	<div class="slideshow">
        	<img src="images/image.png" />
        </div>
        <div class="bieutuong">
        	<img src="images/biutuong.png" />
        </div>
        <Div class="clear"></Div>
    </div>
    <div class="bg_content">
    	<div class="content_titel">
        	<h2>Sản Phẩm Mới</h2>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="content_titel">
        	<h2>Sản Phẩm Mới</h2>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="box_product">
        	<div class="product_name">
            	<h3>A180 Injectable Antibiotic A180 Injectable Antibiotic</h3>
            </div>
            <div class="product_image">
            	<img src="images/product_1.png" />
            </div>
            <div class="product_price">
            	<h2><span>50.000</span><span>đ</span></h2>
            </div>
            <div class="product_des">
            	<span>Sản phẩm này là hoàn toàn an toàn cho sức khỏe cũa bạn. Nó đã thông qua nhiều bài kiểm tra.....</span></div>
            <div class="product_button">
            	<div class="button">Detail</div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <div class="footer">
    	<h2>Copyright @ 2013 Plantana allright Service</h2>
    </div>
</div>
</body>
</html>
